<%@page contentType="text/html" pageEncoding="UTF-8"%> 
<%@ taglib prefix="s" uri="/struts-tags" %> 
<!DOCTYPE html> 
<html> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
        <title><s:text name="connexion.titreAppli"/></title> 
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <link href="css/styles.css" rel="stylesheet" type="text/css">
    </head> 

    <body>
        <div id="cadreDrapeaux">
            <s:url id="url1" action="loginLanguage"> 
                <s:param name="request_locale">fr</s:param> 
            </s:url>  
            <s:a href="%{url1}"><img src="img/icone_drapeau_france.jpg" alt="drapeau_france" width="25" height="18"></s:a> 

            <s:url id="url2" action="loginLanguage"> 
                <s:param name="request_locale">en</s:param> 
            </s:url>  
            <s:a href="%{url2}"><img src="img/icone_drapeau_anglais.jpg" alt="drapeau_anglais" width="25" height="18"></s:a> 
            
            
           
        </div>
        <div id="divConnect" class="container">
            <div class="col-md-5">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="panel-title">
                            <h4><s:text name="connexion.titreAppli"/> (<s:text name="general.version"/>)</h4>
                        </div>
                    </div>
                    <div class="panel-body">
                        <form action="login" method="post" class="form form-horizontal"> 
                            <div class="errors"><s:fielderror fieldName="badInfos" cssStyle="color:red;" /></div>
                            <div class="form-group">
                                <label class="col-md-4 control-label"><s:text name="connexion.identifiant" /></label>
                                <div class="col-md-8">
                                    <s:textfield id="identifiant" name="identifiant" cssClass="form-control input-md" placeholder="%{getText('connexion.saisirIdentifiant')}" />                                   
                                </div>         
                            </div>
                            <div class="form-group">
                                <label class="col-md-4 control-label"><s:text  name="connexion.password"/></label>
                                <div class="col-md-8">
                                    <s:password name="password" cssClass="form-control input-md" placeholder="%{getText('connexion.saisirPassword')}"  />                                   
                                </div>          
                            </div> 
                            <div class="control-group">
                                <button type="submit" class="btn btn-primary">
                                    <s:text name="connexion.connexion"/>
                                </button>                                
                            </div>              
                        </form>
                    </div><!--/panel content-->
                </div><!--/panel-->
            </div>
        </div>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
    </body> 
</html> 

